@charset "utf-8";

.Mpop_style { display:none; position:relative;  width:1100px; margin-top:10px;  text-align:left;  }
.b-close { color:#3784dc; position :absolute; right:0; top:10; padding:0px; color:#fff; display:inline-block; cursor:pointer;}

.ct_box .imgbox {padding:0; position:relative; overflow:hidden; width:1045px; height:390px;}

.imgDiv {padding:0; position:relative; overflow:hidden; width:920px; height:390px; float:right; outline:none;}
.imgDiv img {position:absolute;}

.popup_iframe {width:100%;height:100%;border:none;}

.container_box { /* height:590px; */}
/* 모달팝업*/

._ifrm_modal_base {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:1100; display:none;}
._ifrm_popup { width:1000px; margin:50px auto; background-color:#FFFFFF; border-radius:5px; padding:5px; position:relative;}
._ifrm_popup_top {height:30px;}
._ifrm_popup_top span {padding-left:10px; line-height:30px; font-weight: bold; font-size: 1.2em;}
._ifrm_popup_top a.x {position:absolute; top:7px; right:10px;}
._ifrm_popup_iframe {width:100%; height:650px; border: none;}

/* 타임라인 관련 */
.year_conts_area {width:100%; height:170px; position:relative; overflow:hidden;}
.year_conts_area #year_contents {position:absolute; }
.pole {position:absolute; bottom:54px; width:1px; background-color:#4f72a6;}
.pole.on {background-color:#b1312d;}

.pole.t1{height:100px}
.pole.t2{height:70px}
.pole.t3{height:40px}
/*
.flag {position:absolute; bottom:52px; border-left:3px solid #4f72a6;}
*/
.flag {position:absolute; }
.flag.t1{bottom:130px}
.flag.t2{bottom:100px}
.flag.t3{bottom:70px}
.flag .title {padding:5px 20px 5px 10px; background-color:#4f72a6; color:#fff; border-bottom-right-radius: 60px 90px; z-index:1;}
.flag .title:hover {background-color:#8ea6ca; z-index:10;}
.flag.on {border-color:#b1312d;}
.flag.on .title {background-color:#b1312d;}
.flag.on .title:hover {background-color:#b1312d;}
.flag .title a {color:#fff; text-decoration:none;}
.year_bul{position:absolute; bottom:15px; background:url("/imsi/images/icon_dot05-2.png") 0 4px no-repeat; padding:15px 10px 0 0; height:30px; width:100px; color:#fff;}

.sch_box ul li.right_elew {width:300px;}

.sliderBlock {width:1110px; bottom:5px; height:20px; position:absolute; color:#fff; text-align: center;}
.sliderBlock .ui-slider-horizontal{ height: 5px; background: #dfcfb3; border: 1px solid #aa9375;}
.sliderBlock .ui-state-default, .sliderBlock .ui-widget-content .ui-state-default, .sliderBlock .ui-widget-header .ui-state-default{ margin-top:-4px; border:none; background: url(/imsi/images/slider_icon.png) no-repeat 0 0; width: 23px; height: 23px; outline: none; }

#slider {display:inline-block; width:94%; margin-top:3px;}

/* 소장자료검색  ebook 버튼 */
.btnEbook {width:100px; height:36px; border:1px solid #888f94; line-height:36px; float:right; border-radius:3px; background-color:#888f94; position:relative; z-index:99;}
.btnEbook a {color:#fff; display:block;}
.btnEbook:hover {background-color:#3b3e40;}
.btnEbook:hover a {color:#fff;}

/* 소장자료검색 이미지 리스트 */
.imgList {width:120px; float:left; line-height: 75px;}
.serviceImgDiv {width:108px; height:75px; padding:5px; border:1px solid #888f94; cursor:pointer;}
.serviceImgDiv.on {border:1px solid #b1312d;}
.serviceImg {max-width:110px; max-height:75px;}